{extend name="common/index"}
{block name="content"}


<!--sub_nav-->
<div class="sub_nav">
    <div class="wrap clear">
        <p>你在这里：</p>
        <a href="{:url('index/index')}">首页</a> >
        <a class="on" href="javascript:void(0);">活动中心</a>
    </div>
</div>

<!--banner-->
<div class="banner pro_banner">
    <div class="wrap">
        <div class="banner_wrap" style="background-image:url({$banner.img_url|default=''})">
            <h1 style="{$banner.img_name_style|default=''}">{$banner.img_name|default=''}</h1>
            <p>{$banner.describe|default=''}</p>
            <ul class="clear">
                {notempty name="topList"}
                {volist name="topList" id="vo"}
                <li {eq name="vo.is_display" value="1" }class="on"{/eq}>
                <a href="{:url('Activity/index')}?cat_id={$vo.cat_id}">{$vo.cat_name}</a>
                {notempty name="vo.child"}
                <dl>
                    {volist name="vo.child" id="ch"}
                    <dd><a href="{:url('Activity/index')}?cat_id={$ch.cat_id}">{$ch.cat_name}</a></dd>
                    {/volist}
                </dl>
                {/notempty}
                </li>
                {/volist}
                {/notempty}
            </ul>
        </div>
    </div>
</div>

<!--pro-->
<div class="activity">
    <div class="wrap clear">
        <div class="activity_l fl">
            <dl>
                <!--分类为“进行ing”时，左侧显示月份；分类为“精彩回顾”时，显示年份-->
                {volist name="leftList" id="vo"}
                {if condition="(($curr_cat_id==5 AND $vo.cat_id==23) OR ($curr_cat_id==6 AND $vo.cat_id==32))"}
                    <dt>{$vo.cat_name}</dt>
                    {volist name="vo.child" id="ch"}
                    <dd><a href="{:url('Activity/index')}?cat_id={$ch.cat_id}">{$ch.cat_name}</a></dd>
                    {/volist}
                {/if}
                {/volist}
            </dl>
        </div>
        <div class="activity_r fr">
            <div class="activity_list index_pro_list">
                <ul class="clear">
                    {volist name="dataList" id="vo"}
                    <li>
                        <div class="img">
                            <img src="{$vo.img_url|default=''}" alt="{$vo.title|default=''}"/>
                        </div>
                        <div class="txt">
                            <p>{$vo.title|default=''}</p>
                            <a href="{:url('Activity/detail')}?id={$vo.art_id|default=''}" title="{$vo.title|default=''}" class="more_btn">查看详情</a>
                        </div>
                    </li>
                    {/volist}
                </ul>
            </div>
            <div class="page">
                <ul class="clear">
                    <li class="on"><a href="javascript:void(0);">1</a></li>
                    <li class="next"><a href="javascript:void(0);"></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}

<script>
    //banner
    $(window).load(function(){
        $('.pro_aside_t dd').click(function(){
            $(this).addClass('on').siblings().removeClass('on');
        });
        $('.pro_aside_t li>a').click(function(){
            $(this).toggleClass('on').next().slideToggle(200)
        })
    })

</script>
{/block}
